﻿<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta name="viewport"
  content="width=device-width, initial-scale=1,
   maximum-scale=1, user-scalable=no">
   <link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
        <link href="am/amazeui.css" rel="stylesheet" /> 
  <title>amazeui</title>
 </head>
 <body></body>
</html>
  <style type="text/css">
      .get {
        background-color: #434343;
      color: #fff;
      text-align: center;
      padding: 100px 0;
    }
      .get-title {
      font-size: 200%;
      border: 2px solid #fff;
      padding: 20px;
      display: inline-block;
    }
      .hope {
      background: #0bb59b;
      padding: 50px 0;
    }
 .hope-img {
      text-align: center;
      float: left;
    }
    .am-nav{
      display: table;
    }
    .am-u-sm-1{
      padding-top: 10px;
      padding-bottom: 10px;
    }

    </style>
</head>
<body>

<div class="am-g">
  <div class="am-u-sm-1"></div>
  <div class="am-u-sm-1"></div>
  <div class="am-u-sm-1"><img src="favicon.png" style="float:right"></div>
  <div class="am-u-sm-1"><button type="button" class="am-btn am-btn-secondary am-round">次色按钮</button></div>
  <div class="am-u-sm-1"><button type="button" class="am-btn am-btn-secondary am-round">次色按钮</button></div>
  <div class="am-u-sm-1"><button type="button" class="am-btn am-btn-secondary am-round">次色按钮</button></div>
  <div class="am-u-sm-1"><button type="button" class="am-btn am-btn-secondary am-round">次色按钮</button></div>
  <div class="am-u-sm-1"><button type="button" class="am-btn am-btn-secondary am-round">次色按钮</button></div>
  <div class="am-u-sm-4"></div>
</div>

<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}'>
  <ul class="am-slides">

    <li><img src="pic/pic1.jpg"> </li>
    <li>
      <img src="pic/pic2.jpg">
    </li>
    <li>
      <img src="pic/pic3.jpg">
    </li>
  </ul> 
</div>


<div class="get">
  <div class="am-container">
    <h1>只想和你更接近</h1>

  </div>
</div>
<a href="index.html" > 寻 </a>
  <a href="bootstarp.html" > bootstrap </a>  
<address>~~~~~~~~~~~~~~~~</address>


<!-- <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default "
     id="">
  <ul class="am-navbar-nav am-cf am-avg-sm-4">
    <li>
      <a href="tel:123456789">
        <span class="am-icon-phone"></span>
        <span class="am-navbar-label">呼叫</span>
      </a>
    </li>
    <li data-am-navbar-share>
      <a href="###">
        <span class="am-icon-share-square-o"></span>
        <span class="am-navbar-label">分享</span>
      </a>
    </li>
    <li data-am-navbar-qrcode>
      <a href="###">
        <span class="am-icon-qrcode"></span>
        <span class="am-navbar-label">二维码</span>
      </a>
    </li>
    <li>
      <a href="https://github.com/allmobilize/amazeui">
        <span class="am-icon-github"></span>
        <span class="am-navbar-label">GitHub</span>
      </a>
    </li>
    <li>
      <a href="http://amazeui.org/getting-started">
        <span class="am-icon-download"></span>
        <span class="am-navbar-label">下载使用</span>
      </a>
    </li>
    <li>
      <a href="https://github.com/allmobilize/amazeui/issues">
        <span class="am-icon-location-arrow"></span>
        <span class="am-navbar-label">Bug 反馈</span>
      </a>
    </li>
  </ul>
</div> -->
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="am/jquery.js"></script>
<script src="am/amazeui.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<![endif]-->
</body>
</html>
